import Vue from "vue";
import Cookies from 'js-cookie'
import "babel-polyfill"; //解决vue在ie的兼容性问题
import Element from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
import VueClipboard from 'vue-clipboard2'

import "@/styles/index.scss"; // global css
import "@/assets/icon/iconfont.css";

import App from "./App";
import router from "./router";
import store from "./store";

import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
Vue.use(Viewer)
Viewer.setDefaults({
  Options: { 'inline': true, 'button': true, 'navbar': true, 'title': true, 'toolbar': true, 'tooltip': true, 'movable': false, 
  'zoomable': true, 'rotatable': true, 'scalable': true, 'transition': true, 'fullscreen': true, 'keyboard': false, 'url': 'data-source' }
})

import "./permission";
// import "./mock";
import Validate from "@/utils/validate";
Vue.use(Element, {
  size: Cookies.get('size') || 'medium' // set element-ui default size
});

Vue.use(Validate);
Vue.use(VueClipboard);

Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
